<div class="container mt-4">
  <h1 class="title">Angular Todolist</h1>
  <div class="action">
    <input #AddTodoInput type="text" class="form-control" placeholder="add todo" />
    <button class="btn" (click)="addTodo()">添加</button>
  </div>
  <ul class="list-group">
    <li class="item" *ngFor="let todo of todos | async" @slide>
      <!-- <label>
        <input type="checkbox" />
        {{todo.title}}
      </label> -->
      <span>{{todo.title}}</span>
      <button class="btn" (click)="deleteTodo(todo.id)">删除</button>
    </li>
  </ul>
</div>
